<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--====== USEFULL META ======-->
	<meta name="_csrf" th:content="${_csrf.token}"/>
	<meta name="_csrf_header" th:content="${_csrf.headerName}"/>
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--====== TITLE TAG ======-->
<title>个人信息</title>
<link rel="shortcut icon" type="image/ico" href="images/favicon.png" th:href="@{/images/favicon.png}"/>
<!--====== STYLESHEETS ======-->
<link rel="stylesheet" href="css/font-awesome-min.css" th:href="@{/css/font-awesome-min.css}">
<link rel="stylesheet" href="css/bootstrap-min.css" th:href="@{/css/bootstrap-min.css}">
<link rel="stylesheet" href="css/normalize.css" th:href="@{/css/normalize.css}">
<link rel="stylesheet" href="css/animate.css" th:href="@{/css/animate.css}">
<link rel="stylesheet" href="css/lity.css" th:href="@{/css/lity.css}">
<link rel="stylesheet" href="css/slick-nav.css" th:href="@{/css/slick-nav.css}">
<link rel="stylesheet" href="css/slick-slider.css" th:href="@{/css/slick-slider.css}">
<link rel="stylesheet" href="css/theme.css" th:href="@{/css/theme.css}">
<!--====== MAIN STYLESHEET ======-->
<link href="style.css" rel="stylesheet" th:href="@{/style.css}">
<link href="css/responsive.css" rel="stylesheet" th:href="@{/css/responsive.css}">
<script src="js/vendor/modernizr.js"></script>
</head>

<body data-spy="scroll" data-target=".mainmenu-area" data-offset="50">

<!-- Page cursor -->
<div class='cursor' id="cursor"></div>
<div class='cursor2' id="cursor2"></div>
<div class='cursor3' id="cursor3"></div>
<!-- Preloader-Content -->
<div class="preloader">
	<img th:src="@{/images/preloader.gif}" src="images/preloader.gif" alt="preloader">
</div>
<!-- Popup-Search-Form -->

<!-- Popup-Search-Form-End -->
<!-- Full-Wrapper-Start -->
<div class="full-wrapper">

	<!-- Mainmenu-Area-Start -->
	<div th:replace="~{commons/bar :: topbar}"></div>
	
	<div class="live_wrap">
		<div class="u_header">
			<h1>个人中心</h1>
		</div>

		<div>
			<div th:replace="~{commons/bar :: left(active='UserInfo')}"></div>
			
			
			<div class="u_mainbody">
				<div class="user_myprofile user_info_page">
					<div class="togglebtn clearfix">
						<span class="q2"></span>
						<p >我的资料&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight: 600;" th:text="${#authorization.authentication.name}"></span> </p><a th:href="@{/change/username}" title="修改昵称" class="iClass" ></a>
					</div>
					<div class="myprofile_main clearfix">
						<div class="mobile_email clearfix">
							<div class="mobile_email_title clearfix">
								<p class="userdata_set fl">账号设置</p>
							</div>
							<ul class="user_check_total clearfix">
								<li class="user_check_detial user_check_detial_left fl">
									<div class="user_check_img phoneicon fl isphoneicon"></div>
									<div class="user_check_message fl">
										<p class="user_phonenum user_infoshow">手机号：[[${phonenumber}]]</p>
									</div>
									<a th:href="@{/change/phoneNumber}"  id="a1" href="#" class="user_check_link updateMobile fl checkphone" >修改手机</a>
								</li>
								<li class="user_check_detial  fl">
									<div class="user_check_img pwdicon fl ispwdicon"></div>
									<div class="user_check_message fl">
										<p class="user_phonenum user_infoshow">密码</p>
									</div>
									<a id="a2" th:href="@{/change/tochangepasw}" href="#" class="user_check_link updateMobile fl checkphone" >修改密码</a>
								</li>
								<li class="user_check_detial  fl">
									<div class="user_check_img emailicon fl isemailicon"></div>
									<div class="user_check_message fl">
										<p class="user_phonenum user_infoshow">邮箱：[[${email}]]</p>
									</div>
									<a th:href="@{/change/Email}" id="a3" href="#" class="user_check_link updateMobile fl checkphone">修改邮箱</a>
								</li>
							</ul>
						</div>
					</div>
					
				</div>
				
				
			</div>
		</div>
		
	</div>



	
	<footer class="footer-area rboom">
		
		<div class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 offset-lg-3 text-center">
						<div class="copyright">
							<p>Copyright &copy; 2020. Bi Jia Wang All rights reserved.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>

	<form id="zx" action="/mylogout" th:action="@{/mylogout}" th:method="post">

	</form>
</div>
<!-- Full-Wrapper-End -->
<!--=======  SCRIPTS =======-->
<script th:src="@{/js/vendor/jquery-min.js}" src="js/vendor/jquery-min.js"></script>

<!--=======  PLUGINS =======-->
<script th:src="@{/js/popper-min.js}" src="js/popper-min.js"></script>
<script th:src="@{/js/bootstrap-min.js}" src="js/bootstrap-min.js"></script>
<script th:src="@{/js/lity-min.js}" src="js/lity-min.js"></script>
<script th:src="@{/js/slick-slider-min.js}" src="js/slick-slider-min.js"></script>
<script th:src="@{/js/slick-nav.js}" src="js/slick-nav.js"></script>
<script th:src="@{/js/wow-min.js}" src="js/wow-min.js"></script>
<script th:src="@{/js/script.js}" src="js/script.js"></script>
<script>
	function abc() {
		$("#zx").submit();
	}
	$(document).ready(function(){

		$(".updateMobile").hover(function(){
			$(this).css("background-color", "#FF6600")
			$(this).css("color", "white");
			$(this).css("border","1px solid white");
		},function(){
			$(this).css("background-color", "white");
			$(this).css("color", "#555555");
			$(this).css("border","1px solid #ccc");
		});
		
		
		
	});
</script>
</body>


</html>
